.h100 {
  height: 100%;
}
.w100 {
  width: 100%;
}
.t-c {
  text-align: center;
}
.t-l {
  text-align: left;
}
.t-r {
  text-align: right;
}
.bgfff {
  background-color: #fff;
}
.mt14 {
  margin-top: 14px;
}
.mt16 {
  margin-top: 16px;
}
.mlr16 {
  margin: 0 16px;
}
.mr8 {
  margin-right: 8px;
}
.mr16 {
  margin-right: 16px;
}
.ml8 {
  margin-left: 8px;
}
.ml4 {
  margin-left: 4px;
}
.ml16 {
  margin-left: 16px;
}
.ml32 {
  margin-left: 32px;
}
.ml48 {
  margin-left: 48px;
}
.ml64 {
  margin-left: 64px;
}
.mb8 {
  margin-bottom: 8px;
}
.mb16 {
  margin-bottom: 16px;
}
.mb32 {
  margin-bottom: 32px;
}
.ml20 {
  margin-left: 20px !important;
}
.mr20 {
  margin-right: 20px;
}
.p8 {
  padding: 8px;
}
.pt6 {
  padding-top: 6px;
}
.pt8 {
  padding-top: 8px;
}
.pt16 {
  padding-top: 16px;
}
.pl16 {
  padding-left: 16px;
}
.pl32 {
  padding-left: 32px;
}
.pl36 {
  padding-left: 36px;
}
.pl48 {
  padding-left: 48px;
}
.pb16 {
  padding-bottom: 16px;
}
.pl12 {
  padding-left: 12px;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb40 {
  padding-bottom: 40px;
}
.pb42 {
  padding-bottom: 42px;
}
.pl8 {
  padding-left: 8px;
}
.pl20 {
  padding-left: 20px;
}
.pt20 {
  padding-top: 20px !important;
}
.pl64 {
  padding-left: 64px;
}
.pl56 {
  padding-left: 56px;
}
.plr8 {
  padding: 0 8px;
}
.plr20 {
  padding: 0 20px;
}
.pl40 {
  padding-left: 40px;
}
.plr24 {
  padding: 0 24px;
}
.pr24 {
  padding-right: 24px;
}
.pr16 {
  padding-right: 16px;
}
.pr20 {
  padding-right: 20px;
}
.pb8 {
  padding-bottom: 8px;
}
.m16 {
  margin: 16px;
}
.mb20 {
  margin-bottom: 20px;
}
.mlr20 {
  margin: 0 20px;
}
.mt8 {
  margin-top: 8px;
}
.ml12{
    margin-left: 12px;
}
.mt20 {
  margin-top: 20px;
}
.bs {
  box-sizing: border-box;
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.flex1 {
  flex: 1;
}

.flex2 {
  flex: 2;
}
.flex3 {
  flex: 3;
}
.flex-c {
  display: flex;
  align-items: center;
}
.flex-cc {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-cb {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flex-d {
  display: flex;
  flex-direction: column;
}
.border-t-e5 {
  border-top: 1px solid #e5e5e5;
}
.border-b-e5 {
  border-bottom: 1px solid #e5e5e5;
}
.border-l-e5 {
  border-left: 1px solid #e5e5e5;
}
.border-r-e5 {
  border-right: 1px solid #e5e5e5;
}
.border-b-f1 {
  border-bottom: 1px solid #f1f1f1;
}
.border-l-f1 {
  border-left: 1px solid #f1f1f1;
}
.border-r-f1 {
  border-right: 1px solid #f1f1f1;
}
.line32 {
  width: 100%;
  height: 32px;
  background: #f5f6fa;
}
.posr {
  position: relative;
}
.posa {
  position: absolute;
}
.cp {
  cursor: pointer;
}
.p16 {
  padding: 16px;
}
.bx {
  box-sizing: border-box;
}
.bc {
  box-sizing: content-box;
}
.fs9 {
  font-size: 9px;
}
.fs14 {
  font-size: 14px;
}
.fs12 {
  font-size: 12px;
}
.fs13 {
  font-size: 13px;
}
.fs16 {
  font-size: 16px;
}
.fs18 {
  font-size: 18px;
}
.fs20 {
  font-size: 20px;
}
.fw600 {
  font-weight: 600 !important;
}
.fw400 {
  font-weight: 400 !important;
}
.color28 {
  color: #282828;
}
.color868 {
  color: #868b97;
}
.color01 {
  color: #171e33;
}
.color02 {
  color: #027aff;
}
.colorff4 {
  color: #fff4ed;
}
.backff4 {
  background-color: #fff4ed;
}
.colorff6 {
  color: #ff6400;
}
.color17c {
  color: #17c295;
}
.colordef {
  color: #defaf2;
}
.backdef {
  background-color: #defaf2;
}
.color7c8 {
  color: #7c8598;
}
.coloreff {
  color: #eff1f6;
}
.backeff {
  background-color: #eff1f6;
}
.color377 {
  color: #3772ff;
}
.colorf0f {
  color: #f0f5ff;
}
.backf0f {
  background-color: #f0f5ff;
}
.colorff5 {
  color: #ff503e;
}
.lh20 {
  line-height: 20px;
}
.lh24 {
  line-height: 24px;
}
.z1 {
  z-index: 1;
}
.ov {
  overflow: hidden;
}
.btr8 {
  border-radius: 8px 8px 0 0;
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  -ms-border-radius: 8px 8px 0 0;
  -o-border-radius: 8px 8px 0 0;
}
.bbl8 {
  border-radius: 0 0 8px 8px;
  -webkit-border-radius: 0 0 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  -ms-border-radius: 0 0 8px 8px;
  -o-border-radius: 0 0 8px 8px;
}
.line1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bd4 {
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -ms-border-radius: 4px !important;
  -o-border-radius: 4px !important;
}
.bd8 {
  border-radius: 8px !important;
  -webkit-border-radius: 8px !important;
  -moz-border-radius: 8px !important;
  -ms-border-radius: 8px !important;
  -o-border-radius: 8px !important;
}
